a
{
    text-decoration: none;
    color: #0060A6;
    font-size: 11px;
}

p{ color:#606060}

a:hover
{
    color: #F7941D;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {background: #f3f3f3; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;}
.fl{ float:left}
.mr15{ margin-right:15px}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
#wrapper{ 
	width: 960px;
	margin: 0 auto;
	padding-bottom:30px}
#header-stretch{
	/*overflow: hidden;*/
	height:350px
	}
#header{
	position: relative;
	display: block;
	background: url(../images/bg_header1.jpg) no-repeat;
	width:960px;
	height:65px;
}

#header h1{
	position: absolute;
	z-index:2;
	top:20px; 
	left:50px;
}
#header h1 a{
	background: url(../images/logo.png) no-repeat;
	height: 89px;
	width: 135px;
	display: block;
	text-indent: -9999px; 
	}
/*=====Menu=====*/
#nav{ 
	position: absolute; 
	top:35px; 
	right:150px
	}

#nav ul{
	list-style: none;
	}

#nav ul li{ 
	float: left; 
	margin-left:35px;
	position:relative; 
	height:30px
	}

#nav ul li a{ 
	text-decoration: none; 
	color:#fff
	}

#nav ul li a:hover, #nav ul li.active a{ 
	color:#f7941d 
	}
#nav ul li ul{display:none; position:absolute;  top:30px; left:-27px; z-index:9999}

#nav ul li:hover ul{display:block;}

#nav ul li:hover ul li{ margin-top:0; margin-left:10px; }

#nav ul li:hover ul li a{display:block; color:#fff; background:url(../images/nav.png) repeat ;width:160px; line-height:30px; padding:0px 0px 0px 15px;font-size:11px}

#nav ul li:hover ul li a:hover{color:#3199d7;line-height:30px; padding:0px 0px 0px 15px; font-size:11px; background:#4c4b4b }	
	
#flag{position: absolute; top: 31px; right:20px}

#flag ul{list-style: none}

#flag ul li{ float: left; margin-right:5px} 	
	
.bg2{
	background: url(../images/bg_header2.png) no-repeat;
	width:193px;
	height:283px;
	position:absolute;
	top:65px;
	z-index:1
}

.bg3{
	z-index: 1;
	width:768px;
	height:285px;
	position:absolute;
	left:192px;
	top:65px
}

.bg4{
	background: url(../images/bg_header4.png) no-repeat;
	width:107px;
	height:283px;
	position:absolute;
	left:191px;
	top:65px;
	z-index:5
}
/*=====Slogan=====*/
.slogan{
	font-family: arial; font-size:14px; color:#0060a6; font-style: italic; position: absolute; left:20px; top:130px; z-index: 5
}
/*=====Mockup=====*/
.mockup{
	position: absolute; top:180px; left:15px; z-index:4
	}
/*=====SEARCH=====*/
.searchs{
	position: absolute; top: 310px; left:15px; z-index: 3
	}

.searchs input{
	background: url(../images/searchButton.jpg) no-repeat;
	width:165px;
	height:23px;
	border: none;
	font-size:11px;
	color:#5d5d5d;
	font-family: Verdana;
	padding-left:10px;
}
/*=====Main container*/
#main-container{
background:#fff;
	border:1px solid #e0e0e0;
	display: inline-block;
	margin-top:20px;
	width:960px
}

#left{
		border-right:1px solid #e0e0e0;
	width:559px;
	float: left;
}

.intro, #sp, #services{
	width:530px;
	padding:25px 10px 30px 20px;
	display:inline-block;
}

#support, #tuvan, #info {
	width:350px;
	padding:25px 10px 0px 20px;
	display:inline-block;
}
#mail{padding:25px 10px 20px 20px; display:inline-block;}

.intro h2, #sp h2, #services h2, #support h2, #tuvan h2, #mail h2, #info h2{
	background: url(../images/linecheo.jpg) no-repeat;
	width:304px; 
	height:29px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	padding-left:15px; font-family: 'MyriadWebProRegular'
}
#support h2, #tuvan h2, #mail h2, #info h2{ padding-left:15px}

.intro h2 a, #sp h2 a,  #services h2 a, #support h2 a, #tuvan h2 a, #mail h2 a, #info h2 a, #mail1 h2 a, #domains h2 a, #support1 h2 a{
	color:#f7941d; text-decoration: none; 
}
.intro p{
	color:#606060;
	font-size:11px
}

#nav1{ position: relative}

#nav1 ul{ list-style:none}

#nav1 ul li{ float:left; margin-left:17px}

#nav1 ul li img{ width:150px; height:102px; border:1px solid #ccc; padding:2px }
.service{
	width:250px;
	font-size:11px;
	color:#606060;
	float:left;
	margin-right:15px;
	margin-bottom:20px
}

.service h3{}

.service h3 a{ 
	color:#0060a6; 
	text-decoration: none; 
	font-size:12px
}

#right{

	float: right; 
	width:400px
}

#nav2{ width:359px; display:inline-block}

#nav2 ul{ list-style: none}

#nav2 ul li{ float: left; margin-right:20px; height:30px; line-height:30px}

#nav2 ul li.name1{width:80px}

#nav2 ul li.yh { margin-bottom:5px}

#nav2 ul li.skype { margin-top:5px}

#nav2 ul li.phone {margin-right:5px; margin-top:5px}

#nav2 ul li img{ }

#nav2 ul li a{ color:#0060a6; text-decoration: none; font-size:11px }

#nav3{margin-left:5px}

#nav3 ul{ list-style: none}

#nav3 ul li{margin-bottom:15px; background: url(../images/dot.jpg) 0 7px no-repeat; padding-left:12px}

#nav3 ul li a{ text-decoration: none; color:#606060; font-size:11px}

.mail{font-size:11px; color:#ababab}

.mail p{ margin-top:5px}

.mail input[type="text"]{height:23px; border:1px solid #c9c9c9; width:217px; font-size:11px; color:#c9c9c9; font-style: italic; padding-left:15px}

.mail input[type="submit"]{ background: #0060a6; border:none; color:#fff; padding:4px 15px}

#info{font-size:11px; color:#606060}



#nav4{display:inline-block; width:100%}

#nav4 ul{list-style: none}

#nav4 ul li{ float: left; border-right:1px  solid #606060; padding: 0 10px}

#nav4 ul li a{ text-decoration:none; color:#606060 }

#nav4 ul li a:hover{	color:#f7941d }

#copyright{float:right;}

/*=====Contact=====*/
#map{ margin-left:20px}

#contactinfo{
	width:530px;
	padding:25px 20px 30px 20px;
	display:inline-block;
}
#contactinfo h2{	
	background: url(../images/linecheo.jpg) no-repeat;
	width:304px; 
	height:29px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	padding-left:15px; font-family: 'MyriadWebProRegular'
}

#contactinfo h2 a{ 
	color:#f7941d; 
	text-decoration: none
}
#contactinfo label{ 
	font-size:11px; 
	line-height:16px
	}

#contactinfo input[type="text"]{height:25px; border:1px solid #d7d7d7; width:340px; margin-bottom:10px}

#contactinfo textarea{border:1px solid #d7d7d7; width:340px; margin-bottom:10px}

#contactinfo input.captcha{width:70px; font-weight:bold; color:#0060a6}

#contactinfo input[type="submit"]{background: #3c94d4; border: none; color:#fff; padding:5px 20px}

/*=====Service=====*/
#left1{
	border-right:1px solid #e0e0e0;
	width:639px;
	float: left;
	position: relative
}

#right1{
	
	float: right; 
	width:320px
}

#website{
	width:600px;
	padding:25px 20px 30px 20px;
	display:inline-block;
	font-size:11px;
	color:#606060;
}
#website ul{list-style: none}

#website p{margin-left:10px}

#website ul li a{text-decoration:none; }

#website h2{
	background: url(../images/linecheo.jpg) no-repeat;
	width:304px; 
	height:29px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	padding-left:15px
}

#website h2 a{
	color:#f7941d; text-decoration: none; 
}

#nav5{} 

#nav5 ul{} 

#nav5 ul li{margin-bottom:10px; background: url(../images/stick.jpg) no-repeat; margin-left:20px} 

#nav5 ul li a{ color:#0060a6; padding-left:25px} 

.cate_box{width:287px; height:105px; float:left; padding-left:9px; padding-right:4px}

.box_photo{float:left; padding-right:10px}

.cate_box h4{margin:10px 0}

.cate_box h4 a{text-decoration: none; color:#0060a6}

.other{ display:inline-block; width:600px}

.other h5{ border-bottom: 1px dashed #000; padding-bottom:5px}

.other h5 a{background: url(../images/rss.jpg) no-repeat; text-decoration: none; font-weight:normal; padding-left:25px; display:block; height:19px; color:#606060; font-size:12px}

.service1{width:270px; float: left; margin-right:25px; padding-top:40px}

.service1 h6{color:#0060a6; font-weight:normal; font-size:12px; padding-bottom:15px}

.service1 ul{}

.service1 ul li{margin-bottom:10px; background: url(../images/arrow.jpg) 0 5px no-repeat; padding-left:12px}

.service1 ul li a{color:#606060}

/*=====Mailing list=====*/
#mail1, #domains, #support1{padding-left:15px; padding-bottom:30px; padding-top:25px; display:inline-block}

.mailing{font-size:11px; color:#ababab}

.mailing p{ margin-top:5px}

.mailing input[type="text"], .domain input[type="text"]{height:23px; border:1px solid #c9c9c9; width:200px; font-size:11px; color:#c9c9c9; padding-left:15px; width:215px; color:#4b4c4c}

.mailing input[type="submit"], .domain input[type="submit"]{ background: #0060a6; border:none; color:#fff; padding:4px 15px}

.domain h2{ color:#f7941d}

.domain .inputs{ float : left; width:215px; margin-right:10px}

.domain .button{ display:block; padding-top:5px}

.domain .button a{ background: #0060a6; border:none; color:#fff; padding:5px 15px; margin-left:15px}

.domain select{ height:27px; border:1px solid #c9c9c9; margin-bottom:3px; padding:3px 0}

.tld { font-size:11px; color:#606060; font-weight:normal}

.tld label{ font-weight:normal}

#mail1 h2, #domains h2, #support1 h2 {
	background: url(../images/linecheo1.jpg) no-repeat;
	width:280px; 
	height:29px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	padding-left:0px; font-family: 'MyriadWebProRegular'
}

#support1 h3{ text-align:center; font-size:12px; color:#0060a6; font-weight:normal; margin-bottom:10px}

#nav7{ float:left; width:145px}

#nav7 ul{ list-style: none}

#nav7 ul li{color:#0060a6; font-size:11px; margin-bottom:10px; text-align: center}

#nav7 ul li a{ text-decoration:none; text-align:center;  font-size:11px; color:#0060a6}

#nav7 ul li.yh a{margin-right:15px;}

#nav7 ul li.phone a{margin-right:5px; padding-top:3px; line-height:13px; height:13px}

#website1, .customers{
	width:600px;
	padding:25px 20px 30px 20px;
	display:inline-block;
	font-size:11px;
	color:#606060;
	
}

#website1 ul{list-style: none}

#website1 p{margin-left:10px}

#website1 ul li a{text-decoration:none; }

#website1 h2, .customers h2{
	background: url(../images/linecheo.jpg) no-repeat;
	width:304px; 
	height:29px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
	padding-left:15px; 
	font-family: 'MyriadWebProRegular'
}
.customers h2{ 
	margin-bottom: 0; 
	color:#F7941D
}
#website1 h2 a, .customers h2 a{
	color:#f7941d; text-decoration: none; 
}

#website1 h3{ color:#0060a6; padding-left:10px; padding-bottom:10px; font-size:12px;}

#website1 h3 a{ color:#0060a6;  font-size:12px; text-decoration: none; }
.other1{ display:inline-block; width:600px; padding-left:20px}

.extranews_box{ float: left; margin-right:25px; padding-top:10px; width:100%; padding-bottom:10px}

.extranews_box h4{color:#0060a6; font-weight:normal; font-size:12px; padding-bottom:15px}

.extranews_box ul{ list-style: none}

.extranews_box ul li{margin-bottom:5px; background: url(../images/arrow.jpg) 0 5px no-repeat; padding-left:12px}

.extranews_box ul li a{color:#606060; text-decoration:none}

.service2{ float: left; margin-right:25px; padding-top:30px;width:100%; }

.service2 h6{color:#0060a6; font-weight:normal; font-size:12px; padding-bottom:15px}

.service2 ul{list-style: none}

.service2 ul li{margin-bottom:5px; background: url(../images/arrow.jpg) 0 5px no-repeat; padding-left:12px}

.service2 ul li a{color:#606060; text-decoration:none}

.customer{ display: inline-block; padding:20px 0; border-bottom: 1px dashed #000; width:100%}

.customer h3{font-size:14px; color:#0060a6; font-weight:normal; margin-bottom:10px}

.customer h3 a{ text-decoration: none; font-size:14px; color:#0060a6;}

.customer p.add{ margin-top:10px}

.customer p.add span{  color:#606060}

.pagination{display:inline-block; padding: 40px 0 20px 200px}

.pagination ul{ list-style: none}

.pagination ul li{float: left; margin-right:3px}

.pagination ul li a{ text-decoration: none; font-size:11px; background:#0060a6; color:#fff; padding:1px 5px}

/*=====RS form Mailing list=====*/

.componentheading{
    font-size: 18px;
    font-weight: normal;
    height: 29px;
    /*margin-bottom: 20px;*/
    padding-left: 0;
    width: 280px; 
	color: #4B4C4C;
	font-family: 'MyriadWebProRegular'; 
	text-shadow: -1px 1px 0 #bbb;
}


.rsform-block-maillist{ padding-right:10px; height:36px}

.rsform-block-infomail{ font-size:11px; color:#606060; margin-top:-9px; height:30px}

input#maillist  {height:23px; border:1px solid #c9c9c9; width:200px; font-size:11px; color:#606060; font-style: italic; padding-left:15px}

a#send, input#send{ background: #0060a6; border:none; color:#fff; padding:4px 15px}

a#send{display:block}

#comments-form-buttons a{margin-left:60px !important}
/*=====Search=====*/

fieldset.phrases, fieldset.only{ display: none}

.result-title a{ text-decoration: none; color:#0060a6; font-weight:bold}

input#search-searchword{
	background: url(../images/searchButton_.jpg) no-repeat;
	width:165px;
	height:23px;
	border: none;
	font-size:11px;
	color:#5d5d5d;
	font-family: Verdana;
	padding-left:10px;
}

form#searchForm{ padding: 25px 30px 0 20px; font-size:11px }

button.button{background: #0060a6; border:none; color:#fff; padding:4px 15px}

.error{ font-size:11px; color:#606060; margin-left:20px; margin-top:10px}

/*=====Slideshow=====*/
.box_skitter .image {
	position:relative !important;
	height:284px !important;
}
.label_skitter{ 
	text-align:right !important;
	float:right !important;
	width:500px !important; 
	position: absolute !important; 
	left: auto !important;
	right: 0 !important;
	/*background:url(../images/hinhthang.png) no-repeat left top !important;*/
	background: none !important;
	border-top: none !important; 
	width:250px !important; 
	height:54px !important;
}
.label_skitter h5, .label_skitter p{ margin-left:20px !important;text-align:right !important; }

.box_skitter .info_slide_dots {
	position:absolute;
	bottom:5px !important;
	z-index:100;
	padding:5px 0 5px 5px;
}

.box_skitter .info_slide_dots .image_number {
	background:#fff; border:1px solid #888;
	loat:left;
	margin:0 5px 0 0;
	cursor:pointer;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	width:9px !important;
	height:9px !important;
	text-indent:-9999em;
	overflow:hidden;
	position:relative;
}

.container_skitter{ border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; height:283px !important}
/*=====RSform contact us=====*/
.formField{ overflow:visible !important}

.formFieldset{padding: 25px 20px 30px; font-size:11px; color:#545454; position:relative}

.formFieldset legend{
   background: url(../images/linecheo.jpg) no-repeat scroll 0 0 transparent;
    font-size: 18px !important;
    font-weight: normal !important;
    height: 29px;
    top: 30px;
    padding-left: 15px !important;
    width: 304px;
	color:#F7941D;
	font-family: 'MyriadWebProRegular'; 
	position: absolute ;
}

.formFieldset ol{ list-style:none; position:absolute; top: 73px; width:530px}

.formFieldset ol li.rsform-block input[type="text"]{ height:25px; border:1px solid #d7d7d7; width:340px; margin-bottom:10px; font-family:arial; font-size:12px }

.formFieldset ol li.rsform-block textarea{border:1px solid #d7d7d7; width:340px; margin-bottom:10px; font-family:arial; font-size:12px}

.formCaption{line-height:16px; font-size:11px; color:#545454}

#recaptcha_widget_div{ margin-left:27px}

.rsform-block-send1 .formBody{ float:right !important}

input#send1{ background: #0060a6; border:none; color:#fff; padding:4px 15px; float:right; margin-top:10px; margin-right:45px}

/*=====Carousel=====*/
.caroufredsel_wrapper{ margin-left:-10px}

/*=====breadcrumbs=====*/
.breadcrumbs{ margin-top:15px; font-size:11px}

.breadcrumbs a{ text-decoration:none; color:#0060a6}

.breadcrumbs span{ color:#606060}

.joomla_ass{ background:#f3f3f3 !important}

/*=====Other news=====*/
.othernews, .seo{ list-style: none}

.tool-tip
{
	border-right: #ccc 1px solid;
	padding-right: 4px;
	padding-left: 4px;
	border-top: #ccc 1px solid;
	left: -300px;
	z-index: 100;
	font-size: 11px;
	color: #606060;
	filter: alpha(opacity=90);
	visibility: hidden;
	padding-bottom: 4px;
	border-left: #ccc 1px solid;
	padding-top: 4px;
	border-bottom: #ccc 1px solid;
	position: absolute;
	background-color: lightyellow;
	width: 300px;
}

.tool-title
{
	font-weight: bold;
}

#dhtmlpointer
{
	z-index: 101;
	left: -300px;
	visibility: hidden;
	position: absolute;
}

.img_cat_lead{ width:197px; height:120px}


.img_service{
    clip: rect(0px, 100px, 70px, 0px);
    max-height: 100px;
    max-width: 100px;
    min-height: 70px;
    min-width: 70px;
	border:1px solid #e0e0e0;
	}
/*=========Footer==============*/
#footer{
	display:inline-block;
	color:#606060; 
	font-size:11px;
	margin-top:20px
}
.category{
	width:300px;
	padding: 10px; 
	float:left
}
.category h2{
	font-family: 'MyriadWebProRegular';
	font-size:18px;
	color:#4b4c4c;
	font-weight:normal; 
	margin-bottom:10px; 
	text-shadow: -1px 1px 0 #bbb;
}

.category .mail p{
	margin-bottom:10px;
	color:#606060;
}
.category .mail input{
	margin-bottom:10px;
}


.category ul{ 
	list-style: none
}

.category ul li{
	background: url(../images/li_arrow.png) 2px 10px no-repeat; padding-left:15px; line-height:24px
}
.category ul li.address{
	background: url(../images/add.png) 4px 4px no-repeat; padding-left:25px; line-height:24px
}
.category ul li.telephone{
	background: url(../images/tele.png) 2px 4px no-repeat; padding-left:25px; line-height:24px
}
.category ul li.mail_info{
	background: url(../images/letter.png) 2px 6px no-repeat; padding-left:25px; line-height:24px
}
.category ul li h4 a{ 
	font-weight:normal;
	text-decoration: none;
	color:#606060
}
.category ul li h4 a:hover{color:#F7941D }

/*=====Sigplus=====*/
.boxplus-carousel{ width:89% !important}

.boxplus-carousel .boxplus-paging > div.boxplus-prev {
    background: url("../images/arrow_sprite.jpg") no-repeat 0 0 transparent !important;
    left:-20px !important;
}

.boxplus-carousel .boxplus-paging > div.boxplus-prev, .boxplus-carousel .boxplus-paging > div.boxplus-next {
    height: 40px !important;
    width: 15px !important;
}

.boxplus-carousel .boxplus-paging > div {
    position: absolute !important;
    top: -80px !important; 
}

.boxplus-carousel .boxplus-paging > div.boxplus-next {
    background: url("../images/arrow_sprite.jpg") no-repeat -15px 0 transparent !important;
    right: -15px !important;
}

/*=====Carousel=====*/
a.prev, a.next{
	background: url(../images/arrow_sprite.jpg) no-repeat transparent;
	width: 30px;
	height: 40px;
	display: block;
	position: absolute;
	top:30px
}
a.prev { left: -30px;	background-position: 15px 0px; }
a.next { right: -15px;	background-position: -15px 0 }
a.prev span, a.next span {
	display: none;
}
/*=================================*/

table.main{ border:1px solid #000; text-align:center !important} 

table.main tr{  border-bottom:1px solid #000}

table.main tr td{  border-right:1px solid #000}

table.main1{border:1px solid #000;} 

table.main1 tr{  border-bottom:1px solid #000}

table.main1 tr td{  border-right:1px solid #000}

/*=====TAGS=====*/
.tags{ background:#efefef; line-height:25px; padding-left:15px}

label.cmt{ width:80px; display:block; float: left}

#comments-form-buttons{ float: left}

#comments-form-send{ margin-left:80px}

#comments-footer{ display:none}

.grippie{ display:none !important}

.cmp_buttons_container{ margin-bottom:15px; margin-right:45px}

.ps_ng_search_image{ display:none}

table.ps_results_ng{ font-size:11px; color:#606060}

/*=====JComments=====*/
#comments .comments-list {margin-left:0px}

#comments .comment-box {margin-left:10px; padding-top:5px}

#comments-list .even{ background:#f3f3f3}

#comments-list .odd{ background:#eee}

span.comments-buttons{ display:block; margin: 0 10px 10px 0}

#comments .comment-date { background: none}

.comment-body blockquote{ margin-right:10px !important}

#comments-form input, #comments-form textarea { width:250px}

div#comments-list-footer{ display: none}

.cmp_like_container{ float:right !important; margin-right:-40px !important}
.cmp_twitter_container{ float:right !important; margin-right:-30px !important}
.cmp_google_container{ float:right !important; margin-right:-30px !important}

#jc h4 {clear:both; padding-top:10px}

span.formNoError{ 
	color: red;
    float: right;
    margin-right: 73px;
    margin-top: 5px;
}

.check_domain{ font-size:11px; color:#606060}

.modnspro input[type="text"]{
	border: 1px solid #C9C9C9;
    color: #606060;
    font-size: 11px;
    font-style: italic;
    height: 23px;
    padding-left: 15px;
    width: 200px;
}

.modnspro input[type="submit"]{
	background: none repeat scroll 0 0 #0060A6;
    border: medium none;
    color: #FFFFFF;
    padding: 4px 15px;
	width:50px !important
}

ul.sservices{
	list-style: none;
	margin-left:15px;
	margin-top:15px
}
ul.sservices li img{
	margin-bottom:10px;
	border:1px solid #e7e7e7
}





